*{margin:0;padding:0;box-sizing: border-box;}
.container{width: 1266px;margin:0 auto;}
ul{list-style: none;}
a{text-decoration: none;}
.nav{width: 100vw;height: 40px;background-color: #333;} 
.nav_list{width:850px;height:40px;background-color: #333;margin:0 auto;display:flex;justify-content:space-around;float:left;}
.nav_list>a{font-size:14px;line-height:40px;} 
.nav_list>a>li{height:40px;color:rgb(176, 176, 176);font-size:14px;line-height:40px;float:left;padding-right:5px;}
.nav_list>a>li>.specila{float:right;margin-top:12px;line-height:16px;display: block;color:inherit;}
.nav_list>a>li:hover{color:white;}
.container>.shoppingcar>a{color:rgb(176, 176, 176);float:right;line-height: 40px;margin-left: 10px;}
.container>.register{display:flex;line-height:40px;float:right;}
.container>.register>a>li{color:rgb(176, 176, 176);font-weight:12px;line-height:40px;float:left;padding-right:9px;font-size:14px;}
.container>.register>a>li:hover{color:white;}
.container>a>.specila{padding-right:3px;}
.container>.shoppingcar{width:120px;height: 40px;float:right;}
.container>.shoppingcar>a{display:block;margin-right:15px;width:88.1px;}
.container>.shoppingcar>a>div{background-image:url(购物车1.png);width: 20px;height: 20px;background-size: 100% 100%;float:left;margin-top:10px;}
.container>.shoppingcar:hover{color:white;background-color:white;color:#f4a951;}
.container>.no-shop{width:300px;height:100px;text-align: center;line-height: 100px;font-size:14px;position: absolute;top:40px;right:0;border:1px solid red;display: none;}
              /*  导航栏下面的部分 */
.list{
    height:100px;
    justify-content: space-between;
    display: flex;
    align-items:center;
}
.list>.logo{
    width: 55px;
    height: 55px;
    background-image:url(logo.png);
}
.list>.list-style{
    width:650px;
    height: 100px;
    display:flex;
    justify-content: space-between;
    line-height: 100px;
}
.list>.input-all{
    width:350px;
    height: 50px;
    position:relative;
}
.TV{
    position: absolute;
    height:20px;
    top:16px;
    right:70px;
    
}
.TV1{
    background-color:#aaa;
}
.TV2{
    background-color:#aaa;
}
.list>.input-all>input{
    width: 300px;
    height: 50px;
    padding-left:15px;
}
.search{
    width: 50px;
    height: 50px;
    background-color: #aaa;
    position:absolute;
    padding:10px;
    right:0;
    top:0;
}
.hide{
    width:100vw;
    height: 100px;
    position: relative;
}
.hide>.xiaomiphone{
    width: 1226px;
    margin:0 auto;
    display: flex;
}
.hide>.xiaomiphone>li{
    width:200px;
    height:200px;
}
.hide>.xiaomiphone>li>span{
    text-align: center;
    display: block;
}
.hide>.xiaomiphone>li>img{
    margin:15px 45px ;
    width:110px;
    height:100px;
    cursor: pointer;
}
.hide>.xiaomiphone>li>span:nth-child(1){
    width:100px;
    margin:0 auto;
    background-color:red;
}
.hide>.xiaomiphone>li>span:nth-child(4){
    color:green;
}
.redmi{
    width:1226px;
    margin:0 auto;
    display: flex;
    justify-content: space-around;
    position:absolute;
    top:0px;
    left:323px;
}
.redmi>li>img{
    margin:15px 45px;
    width: 110px;
    height: 100px;
}
.redmi>li>span{
   text-align: center;
    display: block;
}
.pingban1{
    width:1226px;
    margin:0 auto;
    display: flex;
    justify-content:space-around;
    position:absolute;
    top:0px;
    left:323px;
}
.pingban1>li>img{
    margin:15px 45px;
    width: 110px;
    height: 100px;
}
.pingban1>li>span{
   text-align: center;
    display: block;
}
.dianshi1{
    width:1226px;
    margin:0 auto;
    display: flex;
    justify-content:space-around;
    position:absolute;
    top:0px;
    left:323px;
}
.dianshi1>li>img{
    margin:15px 45px;
    width: 110px;
    height: 100px;
}
.dianshi1>li>span{
    text-align: center;
    display: block;
}
.hezi1{
    width:1226px;
    margin:0 auto;
    display: flex;
    justify-content:space-around;
    position:absolute;
    top:0px;
    left:323px;
}
.hezi1>li>img{
    margin:15px 45px;
    width: 110px;
    height: 100px;
}
.hezi1>li>span{
    text-align: center;
    display: block;
}
.luyouqi1{

.luyouqi1{
    width:1226px;
    margin:0 auto;
    display: flex;
    justify-content:space-around;
    position:absolute;
    top:0px;
    left:323px;
}
.luyouqi1>li>img{
    margin:15px 45px;
    width: 110px;
    height: 100px;
}
.luyouqi1>li>span{
    text-align: center;
    display: block;
}
